$(function() {
    getData();
})
function getData() {
    $.get('/list',function(res){
        if(res.code ==200){
            console.log('获取列表数据成功');
            showData(res.info);
        }else{
            alert(res.msg);
        }
    })
}
// 渲染页面
function showData(arr){
    var str='';
    $.each(arr,function(index,item){
        str+=`
        <tr>
            <td>${index+1}</td>
            <td>${item.userName}</td>
            <td>${item.userAge}</td>
            <td>${item.userSex == '0' ? '男' : '女'}</td>
            <td>${item.userSel}</td>
            <td>${nowTime(item.id)}</td>
            <td><button type="button" onclick='delBtn(${item.id})'>删除</button></td>
        </tr>
        `
    })
    $('tbody').html(str);
}
// 点击添加
$('.addBtn').click(function(){
    if(!$('.userName').val()){
        alert('请输入姓名!');
        return;
    }
    if(!$('.userAge').val()){
        alert('请输入年龄!');
        return;
    }
    if(!$('.userSel').val()){
        alert('请选择区域!');
        return;
    }
    var data={
        userAge:$('.userAge').val(),
        userName:$('.userName').val(),
        userSex:$('input:radio:checked').val(),
        userSel:$('.userSel').val()
    }
    $.post('/add',data,function(res){
        if(res.code == 200){
            getData();
            // 添加完清空输入框
            $('.userName').val('');
            $('.userAge').val('');
            $('input:radio').eq(0).prop('checked',true);
            $('.userSel').val('');
        }else{
            alert(res.msg);
        }
    })
})
// 转换时间
function nowTime(obj){
    // console.log(id);
    var d = new Date(obj);
    return  d.getFullYear()+'-'+
        bl((d.getMonth()+1))+'-'+
        bl(d.getDate())+' '+
        bl(d.getHours())+':'+
        bl(d.getMinutes())+':'+
        bl(d.getSeconds())
}

// 补零函数
function bl(num){
    return  num <10 ? '0'+num : num;
}


// 删除函数
function delBtn(id){
    console.log(id);
    $.get('/del',{id},function(res){
        if(res.code == 200){
            getData();
        }else{
            alert(res.msg);
        }
    })
}